<script lang="tsx">
import {defineComponent} from 'vue'

export default defineComponent({
  name: 'HeadTitle',
  props: {
    text: String
  },
  setup(props) {
    return () =>
      props.text ? (
        <div>
          <h1 class="text-xl mb-3 font-semibold">{props.text}</h1>
        </div>
      ) : undefined
  }
})
</script>

<style scoped lang="less">
h1 {
  color: var(--el-text-color-primary);
}
</style>
